<template>
	<div class="header-like">
		
	<ul class="like-list">
		<li class="border-bottom" v-for="(item , index) in playList" :key="index">
			<div class="item-img">
				<img :src="item.imgURL">
			</div>
			<div class="list-item">
				<p class="item-title">{{item.htil}}</p>
				<div class="item-pri">
					<span>已售{{item.price}}件</span>
					<label><span class="span2">{{item.msg}}</span>    元起</label>
				</div>
			</div>
		</li>
	</ul>
	
	</div>
</template>

<script>
	export default{
		props:['playList'],
		data(){
			return{
				
			}
		}
	}
</script>


<style scoped>
	.header-like{
		width: 100%;
		background-color: white;
		margin-top: 0.4rem;
	}
	.like-top{
		font-size: 0.28rem;
		padding: 0.2rem 0 0.2rem 0.2rem;
		background-color: white;
	}
	.like-top .iconfont{
		color: #FF4500;
		margin-right: 0.1rem;
		background-color: white;
	}
	.like-top label{
		font-weight: bold;
	}
	.like-list{
		width: 100%;
		overflow: hidden;
		background-color: white;
		padding-bottom: 0.4rem;
	}
	.like-list li{
		width: 100%;
		font-size: 0.28rem;
		position: relative;
		overflow: hidden;
		border-bottom: 1px solid #CCCCCC;
	}
	
	.item-img{
		float: left;
		width: 2rem;
		height: 2rem;
		padding: 0.2rem;
	}
	.item-img img{
		width:100%;
		height: 100%;
	}
	.list-item{
		width: 60%;
		float: left;
		padding-top:0.2rem;
		margin-left: 0.2rem;
	}
	.item-title{
		font-size: 0.34rem;
		font-weight: 700;
		margin-top: 0.2rem;
	}
	.item-sad{
		margin: 0.4rem 0;
	}
	.item-sad .iconfont{
		color: yellow;
	}
	.item-sad label{
		margin-left: 0.1rem;
	}
	.item-pri{
		margin-top: 1rem;
	}
	.item-pri span{
		color: gray;
	}
	.item-pri i{
		font-style: normal;
		font-size: 0.3rem;
	}
	.item-pri label{
		float: right;
	}
	.span2{
		color: #FF4500 !important;
		font-weight: 700;
		font-size: 0.35rem;
	}
</style>